<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // const xhr = new XMLHttpRequest();
    // xhr.open('GET', 'https://cnodejs.org/api/v1/topics');
    // xhr.send();
    // xhr.onload = function() {
    //   if (xhr.status === 200) {
    //     console.log(JSON.parse(xhr.responseText)); // 数据一
    //   } else {
    //     console.error('请求失败', xhr.status);
    //   }
    // };
    // console.log(123);
    
    // const promise = new Promise((resovle, reject) => {
    //   const xhr = new XMLHttpRequest();
    //   xhr.open('GET', 'https://cnodejs.org/api/v1/topics');
    //   xhr.send();
    //   xhr.onload = function() {
    //     if (xhr.status === 200) {
    //       // console.log(JSON.parse(xhr.responseText)); // 数据一
    //       resovle(JSON.parse(xhr.responseText))
    //     } else {
    //       console.error('请求失败', xhr.status);
    //     }
    //   };
    // })

    // promise.then((res) => {
    //   console.log(res);
    //   console.log(123);
    // })








    // 封装请求函数
    function require(url) {
      return new Promise((resolve) => {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', url);
        xhr.send();
        xhr.onload = function() {
          if (xhr.status === 200) {
            // console.log(JSON.parse(xhr.responseText)); // 数据一
            resolve(JSON.parse(xhr.responseText))
          } else {
            console.error('请求失败', xhr.status);
          }
        };
      })
    }

    // 调第一个接口
    require('https://cnodejs.org/api/v1/topics').then((res) => {
      console.log(res);
    })

    // 调第二个接口
    require('https://cnodejs.org/api/v1/topic/61f69e4aa08b39f75309c2a8').then((res) => {
      console.log(res);
    })
  </script>
</body>
</html>